// function timeout(ms){
//     return new Promise((resolve,reject)=>{
//         // setTimeout(resolve,ms,'done');
//         setTimeout(resolve,ms,'hello');
//     })
// }
// timeout(5000).then((res)=>console.log(res))
// function getJson(url) {
//     return new Promise((resolve, reject) => {
//         var ajax = null;
//         if (window.XMLHttpRequest) {
//             ajax = new XMLHttpRequest();
//         }
//         else if (window.ActiveXObject) {
//             ajax = new ActiveXObject("Microsoft.XMLHTTP");
//         }
//         const handler = function () {
//             if (this.readyState !== 4) return;
//             if (this.status === 200) {
//                 resolve(this.response);
//             } else {
//                 reject(new Error(this.statusText));
//             }
//         }

//         ajax.open('GET', url);
//         ajax.onreadystatechange = handler;
//         ajax.responseType = 'json';
//         ajax.setRequestHeader('Accept', 'application/json');
//         ajax.send();
//     });
// }

// getJson('http://127.0.0.1:8080/posts.json').then((res) => {
//     console.log('Contents:' + JSON.stringify(res));
// }, (error) => console.log('出错了:' + error));

function loadImageAsync(url){
    return new Promise((resolve,reject)=>{
        var image=new Image();
        image.onload=function(){
            console.log('hello')
            return resolve(image);
        }
        image.onerror=function(){
            return reject(new Error('Could not load image at ' + url));
        }
        image.src=url;
    });
}
loadImageAsync('./images/test.jpg').then((res)=>{
    document.querySelector('#app').appendChild(res);
},(err)=>console.log(err));